//获取元素
var banner=document.getElementsByClassName('banner');
var list=document.getElementsByClassName('list');
//这个是做测试用的
// var but=document.getElementById('but');
//     but.onclick=function(){ run(); }
 var click_list=document.getElementsByClassName('click_list');
 var trun_left=document.getElementById('turn_left');
     turn_left.onclick=function(){
     	if(num==0){
     	   num=list.length-2;
     	}else if(num==1){
     		num=list.length-1;
     	}else{
     		num-=2;
     	}	
     run();
     }
 var  trun_right=document.getElementById('turn_right');
      turn_right.onclick=function(){
      	run();
      }
  //定义初始值
    banner[0].onmouseover=function(){
    	clearInterval(time);
    }
     banner[0].onmouseout=function(){
     	time=setInterval(run,1000);
    }
   var num=0;
function run(){
	// for(var i in list){
	// 	document.write(i);
	// 	document.write("<br>"); 
	// }
	//alert(list.length);
//
 for(i=0;i<list.length;i++){
 	//清除所有的样式
 	list[i].style.display='none';
 	click_list[i].style.backgroundColor='#8B8B8B';
   }
   list[num].style.display="block";
   click_list[num].style.backgroundColor='#FFF';
   //判断一下num的值
   if(num==list.length-1){
   	 num=0;
   }else{
   	num++;
   }
}
//给点击列表增加点击事件
  for(var k=0;k<click_list.length;k++){

  	//  click_list[k].onclick=function(){
  	//  	//alert('7777');
  	//  	// num=k;
   //   	// run();
  	// }
  	   clickList(k);
  }
    function clickList(k){
   	   click_list[k].onclick=function(){
   	 	  num=k;
   	      run();
   	   } 
   }
  run();
time=setInterval(run,1000);
